<meta charset="UTF-8">
  <div class="content-wrapper">
    <!-- Content Header (Page header) -->
    <section class="content-header">
      <h1 style="text-align:center">
       	菜肴成本
      </h1>
    </section>

    <!-- Main content -->
    <section class="content">
      <div class="row">
         <div class="col-md-8 col-md-offset-2">
            <!-- Horizontal Form -->
            <div class="box box-info">
                <!-- box header -->
                <div class="box-header with-border">
                <h3 class="box-title" style="color:green">结合行业内大数据分析，建议配置菜肴各项成本所占菜肴总成本比例：原料成本60%、管理（人员）成本15%、辅料成本10%、能源成本15%。请结合食堂管理模式调整各项成本比例！</h3>
                </div>
                <!-- /.box-header -->
                <!-- form start -->
                <form class="form-horizontal">
                <div class="box-body">
                    <div class="form-group m-b-sm">
                        <label class="col-sm-3 control-label">原料成本</label>
                        <div class="col-sm-3 form-group">
                           <input type="number"  style="width:80%;text-align:right;" class="col-sm-9 form-control" ng-model="costs.material_fee" text-transform>
                           <label style="padding-top: 7px;">%</label>
                        </div>
                        <label class="col-sm-3 control-label">管理成本</label>
                          <div class="col-sm-3 form-group">
                             <input type="number"  style="width:80%;text-align:right;" class="col-sm-9 form-control" ng-model="costs.assist_fee" text-transform>
                             <label style="padding-top: 7px;">%</label>
                          </div>
                    </div>
                    <div class="form-group m-b-sm">
                        <label class="col-sm-3 control-label">辅料成本</label>
                        <div class="col-sm-3 form-group">
                           <input type="number" style="width:80%;text-align:right;" class="col-sm-9 form-control" ng-model="costs.manage_fee" text-transform>
                           <label style="padding-top: 7px;">%</label>
                        </div>
                        <label class="col-sm-3 control-label">能源成本</label>
                          <div class="col-sm-3 form-group">
                             <input type="number" style="width:80%;text-align:right;" class="col-sm-9 form-control" ng-model="costs.energy_fee" text-transform>
                             <label style="padding-top: 7px;">%</label>
                          </div>
                          
                    </div>
                    <div class="form-group m-b-sm">
                        <label class="col-sm-3 control-label">其他成本</label>
                        <div class="col-sm-3 form-group">
                           <input type="number" style="width:80%;text-align:right;" class="col-sm-9 form-control" ng-model="costs.others_fee" text-transform>
                           <!--  ng-model="ylRatio" -->
                           <label style="padding-top: 7px;">%</label>
                        </div>
                        <label class="col-sm-3 control-label">合计</label>
                          <div class="col-sm-3 form-group">
                             <input type="text" style="width:80%;text-align:right;" class="col-sm-9 form-control" ng-model="totalCost" text-transform readonly="readonly">
                             <label style="padding-top: 7px;">%</label>
                          </div>
                    </div>
                    
                </div>
                <!-- /.box-body -->
                <div class="box-footer">
                		<button type="button" ng-click="cancleCost()" class="btn btn-default col-md-4 col-sm-4 col-xs-4 btn-lg">取消</button>
                    <button type="button" ng-click="saveCost()" class="btn btn-success col-md-4 col-sm-4 col-xs-4 btn-lg pull-right">保存</button>
                </div>
                <!-- /.box-footer -->
                </form>
            </div>
          <!-- /.box -->
         </div>
        <!--/.col (right) -->
      </div>
      <!-- /.row -->
    </section>
    <!-- /.content -->
  </div>
    <div class="modal fade" id="warningCost" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" >
  <div class="modal-dialog" role="document">
    <div class="modal-content">
      <div class="modal-header">
        <button type="button" class="close" data-dismiss="modal" aria-label="Close"><span aria-hidden="true">&times;</span></button>
        <h4 class="modal-title" style="text-align:center">提示</h4>
      </div>
      <div class="modal-body form-horizontal">
        <div class="box-body">
           	<h3 style="text-align:center" id="contentHtml">成本和不等于100！请重新修改后保存！</h3>
        </div>
      </div>
      <div class="modal-footer">
        <button type="button" class="btn btn-default btn-lg col-md-4 col-md-offset-4" data-dismiss="modal">确定</button>
      </div>
    </div>
  </div>
</div>